.page-order-list .tab {
 border-bottom:.01rem solid #ececec;
 position:-webkit-sticky;
 position:sticky;
 top:50px;
 width:100%;
 background:#fff;
 z-index:2
}
.page-order-list .tab li {
 display:inline-block;
 width:33.33%;
 text-align:center;
 line-height:.64rem
}
.page-order-list .tab li a {
 display:inline-block;
 padding:0 .1rem;
 line-height:.6rem;
 font-size:.26rem;
 color:rgba(0,0,0,.5)
}
.page-order-list .tab .active a {
 color:#ff6700;
 border-bottom:1px solid #ff6700;
 font-weight:700
}
.page-order-list .empty {
 font-size:.3rem;
 text-align:center;
 background:url(../images/empty.png) 50% 0 no-repeat;
 background-size:2rem 2rem;
 padding-top:2.5rem;
 color:#999;
 margin:.8rem 1rem 0;
 display:box
}
.page-order-list .empty span {
 display:inline-block;
 width:100%;
 color:#999
}
.page-order-list .empty a {
 -webkit-box-flex:1;
 box-flex:1;
 width:100%;
 background-color:#fff;
 display:block;
 text-align:center;
 height:1rem;
 line-height:1rem;
 border:1px solid #b0b0b0;
 color:#fff
}
.page-order-list .empty a.btn-disabled {
 background-color:#f4f4f4;
 border-color:#f4f4f4;
 color:#333
}
.page-order-list .empty a.btn-primary {
 border-color:#ff5722;
 background-color:#ff5722;
 color:#fff
}
.page-order-list .empty a.btn-gray {
 color:#e0e0e0;
 border-color:#e0e0e0;
 background-color:#fff
}
.page-order-list .container,
.page-order-list .other-container {
 padding-bottom:52px;
 color:rgba(60,60,60,.87)
}
.page-order-list .container .order-list ol,
.page-order-list .other-container .order-list ol {
 overflow:hidden
}
.page-order-list .container .order-list ol li,
.page-order-list .other-container .order-list ol li {
 border-top:.2rem solid RGBA(245,245,245,1)
}
.page-order-list .container li,
.page-order-list .other-container li {
 font-size:.24rem;
 display:block
}
.page-order-list .container li .order-btn,
.page-order-list .other-container li .order-btn {
 position:relative;
 display:inline-block;
 width:100%;
 text-align:left;
 height:1.04rem;
 line-height:1.04rem;
 font-size:.26rem
}
.page-order-list .container li .order-btn.more:after,
.page-order-list .other-container li .order-btn.more:after {
 right:0
}
.page-order-list .container strong,
.page-order-list .other-container strong {
 font-weight:400
}
.page-order-list .container .item-box-top,
.page-order-list .other-container .item-box-top {
 border-bottom:1px solid #ececec;
 display:box;
 display:-webkit-box;
 padding:.17rem .28rem
}
.page-order-list .container .item-box-top .top-left,
.page-order-list .other-container .item-box-top .top-left {
 -webkit-box-flex:1;
 box-flex:1;
 width:100%;
 text-align:left
}
.page-order-list .container .item-box-top .top-left .order-data,
.page-order-list .other-container .item-box-top .top-left .order-data {
 font-size:.28rem;
 color:#000;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.page-order-list .container .item-box-top .top-left .order-data .shop-name,
.page-order-list .other-container .item-box-top .top-left .order-data .shop-name {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 max-width:5rem;
 display:inline-block
}
.page-order-list .container .item-box-top .top-left .order-data img,
.page-order-list .other-container .item-box-top .top-left .order-data img {
 width:.4rem;
 height:.4rem;
 margin-right:.08rem
}
.page-order-list .container .item-box-top .top-left .order-data span,
.page-order-list .other-container .item-box-top .top-left .order-data span {
 font-size:.2rem;
 color:#ff5934;
 margin-left:.1rem;
 padding:.05rem .06rem .03rem;
 border-radius:4px;
 border:1px solid #ff5934;
 position:relative;
 top:-.01rem
}
.page-order-list .container .item-box-top .top-left .order-num,
.page-order-list .other-container .item-box-top .top-left .order-num {
 color:#999
}
.page-order-list .container .item-box-top .top-right,
.page-order-list .other-container .item-box-top .top-right {
 color:#ff5722;
 font-size:.26rem;
 position:relative;
 top:.07rem
}
.page-order-list .container .item-box-center,
.page-order-list .other-container .item-box-center {
 padding:.2rem .28rem;
 text-align:left
}
.page-order-list .container .item-box-center .pro-info,
.page-order-list .other-container .item-box-center .pro-info {
 width:4rem
}
.page-order-list .container .item-box-center .pro-info .pro-name,
.page-order-list .other-container .item-box-center .pro-info .pro-name {
 width:4rem;
 font-size:.28rem;
 color:#000;
 overflow:hidden
}
.page-order-list .container .item-box-center .pro-right,
.page-order-list .other-container .item-box-center .pro-right {
 width:2rem;
 text-align:right;
 color:rgba(0,0,0,.5)
}
.page-order-list .container .item-box-center .pro-right .pro-price,
.page-order-list .other-container .item-box-center .pro-right .pro-price {
 font-size:.28rem
}
.page-order-list .container .item-box-center .pro-right .pro-price .rmb,
.page-order-list .other-container .item-box-center .pro-right .pro-price .rmb {
 font-size:.2rem;
 position:relative;
 top:-.04rem
}
.page-order-list .container .item-box-center .pro-right .pro-count,
.page-order-list .other-container .item-box-center .pro-right .pro-count {
 font-size:0
}
.page-order-list .container .item-box-center img,
.page-order-list .other-container .item-box-center img {
 width:1.16rem;
 height:1.16rem;
 margin-right:.24rem;
 display:block
}
.page-order-list .container .item-box-center p,
.page-order-list .other-container .item-box-center p {
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 line-height:1.8em
}
.page-order-list .container .item-box-center .pro-extend,
.page-order-list .other-container .item-box-center .pro-extend {
 font-size:.22rem
}
.page-order-list .container .item-box-bottom,
.page-order-list .other-container .item-box-bottom {
 padding:.2rem .28rem;
 text-align:right;
 border-top:1px solid #ececec;
 font-size:.24rem
}
.page-order-list .container .item-box-bottom span,
.page-order-list .other-container .item-box-bottom span {
 margin-left:.2rem;
 color:#000
}
.page-order-list .container .item-box-bottom strong,
.page-order-list .other-container .item-box-bottom strong {
 font-size:.3rem;
 display:inline-block;
 color:rgba(0,0,0,.5);
 font-weight:400
}
.page-order-list .container .item-box-bottom strong .rmb,
.page-order-list .other-container .item-box-bottom strong .rmb {
 margin-left:0;
 margin-top:.02rem;
 font-size:.2rem;
 float:left;
 color:rgba(0,0,0,.5)
}
.page-order-list .container .item-box-bottom .add_time,
.page-order-list .other-container .item-box-bottom .add_time {
 float:left;
 font-size:.19rem;
 color:#919191;
 margin-top:.06rem
}
.page-order-list .container .item-box-btn,
.page-order-list .other-container .item-box-btn {
 padding:.15rem .28rem .2rem;
 overflow:hidden;
 text-align:right
}
.page-order-list .container .item-box-btn .btn,
.page-order-list .other-container .item-box-btn .btn {
 display:inline-block;
 width:1.6rem;
 height:auto;
 font-size:.22rem;
 padding:.14rem .2rem;
 border-radius:.04rem;
 margin-left:.2rem;
 line-height:normal
}
.page-order-list .container .order-more,
.page-order-list .other-container .order-more {
 padding:.2rem
}
.page-order-list .container .order-more a,
.page-order-list .other-container .order-more a {
 font-size:.3rem;
 display:block;
 background-color:#fdfdfd;
 text-align:center;
 height:1rem;
 line-height:1rem;
 border-radius:.1rem
}
.page-order-list .other-container {
 padding-bottom:0
}
.page-order-list .other-container .order-other {
 border-top:.2rem solid #ececec
}
.page-order-list .other-container .order-other li {
 border-bottom:1px solid #ececec
}
.page-order-list .space-top {
 margin-top:.3rem
}
.page-order-list .page-con-items {
 position:relative;
 left:0;
 right:0;
 background:#fff;
 -webkit-transition:-webkit-transform .4s cubic-bezier(.55,0,.1,1);
 transition:-webkit-transform .4s cubic-bezier(.55,0,.1,1);
 transition:transform .4s cubic-bezier(.55,0,.1,1);
 transition:transform .4s cubic-bezier(.55,0,.1,1),-webkit-transform .4s cubic-bezier(.55,0,.1,1)
}
.page-order-list .page-con-items.slide-left-enter {
 -webkit-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
}
.page-order-list .page-con-items.slide-right-enter {
 -webkit-transform:translate3d(-100%,0,0);
 transform:translate3d(-100%,0,0)
}
.page-order-list .page-con-items.slide-right-leave-active {
 -webkit-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
}
.page-order-list .page-con-items.slide-left-leave-active {
 -webkit-transform:translate3d(-100%,0,0);
 transform:translate3d(-100%,0,0)
}
.page-order-list .code {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.7);
 z-index:1000
}
.page-order-list .code .code-main {
 position:relative;
 left:50%;
 top:45%;
 width:5rem;
 height:6.58rem;
 background-color:RGBA(246,246,246,1);
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 border-radius:.3rem
}
.page-order-list .code .code-main .code-bg {
 width:100%
}
.page-order-list .code .code-main .code-img {
 position:absolute;
 top:20%;
 left:50%;
 width:4rem;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 border-radius:.2rem
}
.page-order-list .code .code-main .code-text {
 top:82%
}
.page-order-list .code .code-main .code-num,
.page-order-list .code .code-main .code-text {
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 font-size:.28rem;
 line-height:.35rem
}
.page-order-list .code .code-main .code-num {
 top:8%;
 color:#fff;
 font-size:.32rem
}
.page-order-list .code .code-main .code-close {
 position:absolute;
 bottom:-20%;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 width:.68rem
}


.recommend-box {
 background:#fff;
 text-align:left
}
.recommend-box .recommend-top-img {
 width:7.2rem
}
.recommend-box .recommend-top-img img {
 width:7.2rem;
 height:1.2rem
}
.recommend-box .recommend-title {
 line-height:.8rem;
 padding:0 .32rem;
 font-size:.3rem
}
.recommend-box .recommend-list {
 overflow:hidden
}
.recommend-box .recommend-list .goods-item {
 -webkit-box-flex:0;
 -ms-flex:0 1 49.5%;
 flex:0 1 49.5%;
 overflow:hidden
}
.recommend-box .recommend-list .goods-item a {
 display:block
}
.recommend-box .recommend-list .goods-img-box {
 position:relative
}
.recommend-box .recommend-list .goods-img-box img {
 display:block;
 width:100%;
 min-height:3.56rem
}
.recommend-box .recommend-list .goods-info {
 padding:.18rem .26rem .22rem
}
.recommend-box .recommend-list .goods-name {
 font-size:.28rem;
 color: #3c3c3c;
 overflow:hidden;
 text-overflow:ellipsis;
}
.recommend-box .recommend-list .goods-price {
 font-size:.32rem;
 display:inline-block;
 color:#ff6700;
 margin-top:.1rem
}
.recommend-box .recommend-list .goods-price del {
 font-size:.22rem;
 margin-left:.1rem;
 color:rgba(0,0,0,.54);
 text-decoration:line-through
}
.view2 {
 background:#fafafa!important;
 text-align:left!important
}
.view2 .recommend-title {
 padding:.64rem .32rem 0!important;
 color:rgba(0,0,0,.84)!important;
 font-size:.48rem!important
}
.view2 .goods-item {
 margin-top:.32rem;
 margin-left:.32rem;
 width:3.1rem;
 display:inline-block
}
.view2 .goods-item .goods-img-box2 {
 width:3.1rem;
 height:3.1rem
}
.view2 .goods-item .goods-img-box2 img {
 height:auto;
 width:100%;
 border-radius:.25rem
}
.view2 .goods-item .goods-name {
 color:rgba(0,0,0,.84)!important
}
